@import "common.less";
// content
.content-list {
    li {
        display: none;
        h2 {
            margin: .35rem auto .2rem;
            width: 100%;
            color: @c-black;
            .fs(35);
            text-align: center;
            font-weight: 500;
        }
        h3 {
            margin: auto;
            color: @c-666;
            .fs(28);
            text-align: center;
            font-weight: 400;
        }
        p {
            margin: .05rem auto;
            color: @c-666;
            .fs(24);
            text-align: center;
        }
        .item-box {
            position: relative;
            min-height: 2.5rem;
            p {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                margin: 0 auto;
                text-align: center;
            }
            p.item-name {
                top: .35rem;
                .fs(42);
                color: @c-white;
            }
            p.item-desc {
                top: .75rem;
                .fs(28);
                color: @c-c3;
            }
        }
        img {
            width: 100%;
            height: auto;
        }
        // 1-1
        .box-1-1 {
            p.p-padding {
                margin: 0;
            }
            .box-1-1-box {
                i {
                    margin: 0 auto;
                    display: block;
                    width: .6rem;
                    height: .6rem;
                }
                p {
                    width: 100%;
                    text-align: center;
                    .fs(24);
                    color: @c-666;
                }
                span {
                    display: inline-block;
                    width: 100%;
                    text-align: center;
                    .fs(28);
                    color: #010101;
                }
                .box-1-1-icon-1 {
                    background: url('../img/dataCloud/1/1-2.png') no-repeat center;
                    background-size: 100% auto;
                }
                .box-1-1-icon-2 {
                    background: url('../img/dataCloud/1/1-1.png') no-repeat center;
                    background-size: 100% auto;
                }
                .box-1-1-icon-3 {
                    background: url('../img/dataCloud/1/1-3.png') no-repeat center;
                    background-size: 100% auto;
                }
                .box-1-1-icon-4 {
                    background: url('../img/dataCloud/1/1-4.png') no-repeat center;
                    background-size: 100% auto;
                }
                .box-1-1-icon-5 {
                    background: url('../img/dataCloud/1/1-5.png') no-repeat center;
                    background-size: 100% auto;
                }
            }
            .box-1-1-1-box {
                margin: .45rem auto .3rem;
            }
            .box-1-1-3-box {
                margin: .25rem auto .5rem;
            }
        }
        // 1-2
        .box-1-2 {
            overflow: hidden;
            background: url('../img/dataCloud/1/2-bg.jpg') no-repeat center;
            background-size: cover;
            h2 {
                color: @c-white;
                strong {
                    margin-right: .125rem;
                }
            }
            p {
                margin: 0 0 .25rem 0;
                .set(line-height, 48);
                .fs(28);
                color: @c-c3;
            }
            .box-1-2-1-box {
                margin: 0 .4rem;
                .fs(24);
                color: @c-white;
                div {
                    margin: .025rem;
                    padding: .05rem 0;
                    text-align: center;
                    background-color: #022954;
                }
            }
            .box-1-2-2-box {
                margin: .2rem .3rem;
                color: @c-white;
                p {
                    margin: .05rem 0 0 0;
                    .fs(24);
                    color: @c-white;
                }
                i {
                    display: block;
                    width: .5rem;
                    height: .6rem;
                    text-align: center;
                    margin: 0 auto;
                }
                .box-1-2-icon-1 {
                    background: url('../img/dataCloud/1/2-1.png') no-repeat center;
                    background-size: .5rem .6rem;
                }
                .box-1-2-icon-2 {
                    background: url('../img/dataCloud/1/2-2.png') no-repeat center;
                    background-size: .5rem .6rem;
                }
                .box-1-2-icon-3 {
                    background: url('../img/dataCloud/1/2-3.png') no-repeat center;
                    background-size: .5rem .6rem;
                }
                .box-1-2-icon-4 {
                    background: url('../img/dataCloud/1/2-4.png') no-repeat center;
                    background-size: .5rem .6rem;
                }
                .box-1-2-icon-5 {
                    background: url('../img/dataCloud/1/2-5.png') no-repeat center;
                    background-size: .5rem .6rem;
                }
                .box-1-2-icon-6 {
                    background: url('../img/dataCloud/1/2-6.png') no-repeat center;
                    background-size: .5rem .6rem;
                }
            }
            .box-1-2-2-icon {
                margin-bottom: .3rem;
            }
        }
        // 1-3-common(1-3,1-4,1-5,1-6)
        .box-1-3-common {
            position: relative;
            text-align: center;
            overflow: hidden;
            h2 {
                margin: 0;
                top: 0.3rem;
                left: 0;
                right: 0;
                color: @c-white;
                strong {
                    margin-right: .125rem;
                }
            }
            p {
                top: .7rem;
                left: 0;
                right: 0;
                margin: 0;
                width: 100%;
                text-align: center;
                color: @c-white;
                .fs(28);
            }
            img {
                bottom: 0;
                left: 0;
                right: 0;
                margin: 0 auto;
                width: 3rem;
                height: auto;
            }
            img.box-1-3-bg {
                width: 100%;
                height: auto;
                vertical-align: top;
            }
        }
        // 1-7
        .box-1-7-common {
            overflow: hidden;
            background: url('../img/dataCloud/1/7-bg.jpg') no-repeat bottom center;
            background-size: 100% auto;
            h2 {
                color: #000;
                strong {
                    margin-right: .125rem;
                }
            }
            p {
                width: 100%;
                color: #404040;
                .fs(28);
            }
            .box-1-7-box {
                margin: .4rem .5rem .5rem;
                p {
                    color: #000;
                }
                i {
                    margin: 0 auto;
                    display: block;
                    width: .45rem;
                    height: .45rem;
                }
                .box-1-7-icon-1 {
                    background: url('../img/dataCloud/1/7-1.png') no-repeat bottom center;
                    background-size: .45rem .45rem;
                }
                .box-1-7-icon-2 {
                    background: url('../img/dataCloud/1/7-2.png') no-repeat bottom center;
                    background-size: .45rem .45rem;
                }
                .box-1-7-icon-3 {
                    background: url('../img/dataCloud/1/7-3.png') no-repeat bottom center;
                    background-size: .45rem .45rem;
                }
                .box-1-7-icon-4 {
                    background: url('../img/dataCloud/1/7-4.png') no-repeat bottom center;
                    background-size: .45rem .45rem;
                }
            }
            .box-1-7-1-icon {
                margin-bottom: .3rem;
            }
        }
        // 1-8
        .box-1-8-common {
            overflow: hidden;
            background: url('../img/dataCloud/1/8-bg.jpg') no-repeat center;
            background-size: cover;
            .box-1-8-box {
                margin: .35rem .3rem .3rem;
                text-align: center;
                i {
                    margin: 0 auto;
                    display: block;
                    width: .5rem;
                    height: .5rem;
                    -webkit-border-radius: 50%;
                    border-radius: 50%;
                }
                p {
                    .fs(28);
                    color: @c-white;
                }
                .box-1-8-icon-1 {
                    background: url('../img/dataCloud/1/8-1.png') no-repeat bottom center;
                    background-size: .5rem .5rem;
                }
                .box-1-8-icon-2 {
                    background: url('../img/dataCloud/1/8-2.png') no-repeat bottom center;
                    background-size: .5rem .5rem;
                }
                .box-1-8-icon-3 {
                    background: url('../img/dataCloud/1/8-3.png') no-repeat bottom center;
                    background-size: .5rem .5rem;
                }
                .box-1-8-icon-4 {
                    background: url('../img/dataCloud/1/8-4.png') no-repeat bottom center;
                    background-size: .5rem .5rem;
                }
            }
            .box-1-8-img {
                margin: 0 auto;
                width: 80%;
                img {
                    width: 100%;
                    vertical-align: top;
                }
            }
        }
        // 1-9
        .box-1-9 {
            .box-1-7-box {
                margin: .4rem .2rem .5rem;
                .box-1-7-icon-1 {
                    background: url('../img/dataCloud/1/9-1.png') no-repeat center;
                    background-size: .45rem .45rem;
                }
                .box-1-7-icon-2 {
                    background: url('../img/dataCloud/1/9-2.png') no-repeat center;
                    background-size: .45rem .45rem;
                }
                .box-1-7-icon-3 {
                    background: url('../img/dataCloud/1/9-3.png') no-repeat center;
                    background-size: .45rem .45rem;
                }
            }
        }
        // 1-10
        .box-1-10 {
            background: url('../img/dataCloud/1/10-bg.jpg') no-repeat center;
            background-size: cover;
            .box-1-8-box {
                .box-1-8-icon-1 {
                    background: url('../img/dataCloud/1/10-1.png') no-repeat center;
                    background-size: .5rem .5rem;
                }
                .box-1-8-icon-2 {
                    background: url('../img/dataCloud/1/10-2.png') no-repeat center;
                    background-size: .5rem .5rem;
                }
                .box-1-8-icon-3 {
                    background: url('../img/dataCloud/1/10-3.png') no-repeat center;
                    background-size: .5rem .5rem;
                }
                .box-1-8-icon-4 {
                    background: url('../img/dataCloud/1/10-4.png') no-repeat center;
                    background-size: .5rem .5rem;
                }
            }
        }
        // 1-11
        .box-1-11 {
            .box-1-7-box {
                margin: .4rem .2rem .5rem;
                .box-1-7-icon-1 {
                    background: url('../img/dataCloud/1/11-1.png') no-repeat center;
                    background-size: .45rem .45rem;
                }
                .box-1-7-icon-2 {
                    background: url('../img/dataCloud/1/11-2.png') no-repeat center;
                    background-size: .45rem .45rem;
                }
                .box-1-7-icon-3 {
                    background: url('../img/dataCloud/1/11-3.png') no-repeat center;
                    background-size: .45rem .45rem;
                }
            }
        }
        // 1-13
        .box-1-13 {
            .box-1-7-box {
                margin: .4rem .25rem .5rem;
                .box-1-7-icon-1 {
                    background: url('../img/dataCloud/1/13-1.png') no-repeat center;
                    background-size: .45rem .45rem;
                }
                .box-1-7-icon-2 {
                    background: url('../img/dataCloud/1/13-2.png') no-repeat center;
                    background-size: .45rem .45rem;
                }
                .box-1-7-icon-3 {
                    background: url('../img/dataCloud/1/13-3.png') no-repeat center;
                    background-size: .45rem .45rem;
                }
                .box-1-7-icon-4 {
                    background: url('../img/dataCloud/1/13-4.png') no-repeat center;
                    background-size: .45rem .45rem;
                }
            }
        }
        // 1-14
        .box-1-14 {
            img {
                width: 100%;
                height: auto;
            }
        }
        // 2-1
        .box-2-1 {
            overflow: hidden;
            padding-bottom: .5rem;
            background: url('../img/dataCloud/2/1-bg.jpg') no-repeat bottom center;
            background-size: 100% auto;
        }
        // 2-2
        .box-2-2 {
            overflow: hidden;
            background: url('../img/dataCloud/2/2-bg.jpg') no-repeat center;
            background-size: cover;
            h2 {
                color: @c-white;
            }
            .box-2-2-item {
                margin: .15rem auto;
                padding: .2rem 0;
                width: 3rem;
                height: auto;
                text-align: center;
                background-color: rgba(255, 255, 255, .1);
                h3 {
                    width: 100%;
                    .fs(28);
                    color: @c-white;
                }
                p {
                    margin: .10rem auto 0;
                    width: 100%;
                    .fs(24);
                    .set(line-height, 40);
                    color: @c-c3;
                }
            }
        }
        .box-2-5 {
            overflow: hidden;
            padding-bottom: .3rem;
            background: url('../img/dataCloud/2/5-bg.png') no-repeat bottom center;
            background-size: 100% auto;
            .box-2-5-item {
                text-align: center;
                p {
                    margin: 0 auto;
                    width: 100%;
                    text-align: center;
                    .fs(28);
                }
                .item-title {
                    margin: .05rem auto .075rem;
                    color: #000;
                }
                .box-2-1-icon {
                    margin: 0 auto;
                    width: .5rem;
                    height: .5rem;
                }
                .box-2-1-icon-1 {
                    background: url('../img/dataCloud/2/5-1.png') no-repeat center;
                    background-size: .5rem .5rem;
                }
                .box-2-1-icon-2 {
                    background: url('../img/dataCloud/2/5-2.png') no-repeat center;
                    background-size: .5rem .5rem;
                }
                margin: 0 0 .35rem;
            }
        }
        // 3-1
        .box-3-1 {
            margin: 0 .18rem;
            padding-bottom: .5rem;
            .box-3-1-box {
                margin-top: .3rem;
                text-align: center;
                .col {
                    margin: 0 .02rem;
                    font-size: 0;
                }
                i {
                    display: inline-block;
                    width: .75rem;
                    height: .75rem;
                }
                span {
                    display: block;
                    text-align: center;
                    .fs(28);
                    color: @c-12;
                    &::after {
                        margin: 0 auto;
                        display: block;
                        margin-top: .12rem;
                        width: .3rem;
                        height: 1px;
                        background-color: #cbcbcb;
                        content: '';
                    }
                }
                p {
                    display: inline-block;
                    width: 100%;
                    .fs(22);
                    text-align: center;
                }
                .box-3-1-icon-1 {
                    background: url('../img/dataCloud/3/1-1.png') no-repeat center;
                    background-size: contain;
                }
                .box-3-1-icon-2 {
                    background: url('../img/dataCloud/3/1-2.png') no-repeat center;
                    background-size: contain;
                }
                .box-3-1-icon-3 {
                    background: url('../img/dataCloud/3/1-3.png') no-repeat center;
                    background-size: contain;
                }
                .box-3-1-icon-4 {
                    background: url('../img/dataCloud/3/1-4.png') no-repeat center;
                    background-size: contain;
                }
                .box-3-1-icon-5 {
                    background: url('../img/dataCloud/3/1-5.png') no-repeat center;
                    background-size: contain;
                }
                .box-3-1-icon-6 {
                    background: url('../img/dataCloud/3/1-6.png') no-repeat center;
                    background-size: contain;
                }
            }
        }
        // 4-2
        .box-4-2-common-1 {
            overflow: hidden;
            background: url('../img/dataCloud/4/2-bg.jpg');
            background-size: cover;
            h2 {
                color: @c-white;
            }
            .col {
                margin: .075rem .1rem;

            }
            .bottom-row {
                margin: 0 .15rem .15rem;
                height: auto;
                background-color: rgba(60, 60, 60, 0.5);
                .col {
                    margin: .06rem 0 .15rem;
                }
                .cont-box {
                    overflow: hidden;
                }
            }
            .cont-box {
                position: relative;
                height: 100%;
                text-align: center;
                color: @c-white;
                .cont {
                    overflow: hidden;
                    padding-bottom: .2rem;
                    background-color: rgba(60, 60, 60, 0.5);
                }
                span {
                    display: inline-block;
                    margin-top: .2rem;
                    //position: relative;
                    //position: relative;
                    line-height: .19rem;
                    text-align: center;
                    font-size: 14px;
                    vertical-align: middle;
                    .fs(28);
                    color: @c-white;
                }
                p {
                    width: 100%;
                    text-align: center;
                    .fs(28);
                    color: #c9c9c9;
                }
                img {
                    margin: .15rem auto 0;
                    width: 1.2rem;
                    height: auto;
                }
                .intro {
                    margin: .6rem 0 0 0;
                    text-align: left;
                    b {
                        margin: 0 .015rem;
                        display: inline-block;
                        color: #35a6ff;
                    }
                }
                .intro-1 {
                    margin: 0;
                    padding-top: .6rem;
                }
                .intro-2 {
                    margin: 0;
                    padding-top: .2rem;
                }
                .intro-3 {
                    margin: 0;
                    padding-top: .6rem;
                }
                .intro-4 {
                    margin: 0;
                    padding-top: .28rem;
                }
                .intro-5 {
                    margin: 0;
                    padding-top: .7rem;
                }
            }
            .row-4 {
                .text-right {
                    text-align: right;
                }
                .col {
                    margin: 0;
                }
                .cont-box {
                    img {
                        margin-right: .2rem;
                        display: inline-block;
                        width: .9rem;
                        height: auto;
                    }
                }
            }
            .row-6 {
                .text-right {
                    text-align: right;
                }
                .col {
                    margin: 0;
                }
                .cont-box {
                    img {
                        margin-right: .25rem;
                        display: inline-block;
                        width: .8rem;
                        height: auto;
                    }
                }
            }
            .line-box {
                //&::after {
                //    position: absolute;
                //    bottom: -.15rem;
                //    left: 0;
                //    right: 0;
                //    margin: 0 auto;
                //    display: inline-block;
                //    width: 1px;
                //    height: .15rem;
                //    content: '';
                //    background-color: #999998;
                //}
            }
            .box-4-2-title {
                position: relative;
                margin: .03rem auto .2rem;
                text-align: center;
                font-size: 0;
                span {
                    position: relative;
                    margin: 0 auto;
                    display: inline-block;
                    width: 50%;
                    color: @c-white;
                    text-align: center;
                    .fs(28);
                    &::before {
                        position: absolute;
                        top: -.1rem;
                        left: 0;
                        display: inline-block;
                        width: .4rem;
                        height: .2rem;
                        content: '';
                        border-left: 1px solid #8a8887;
                        border-bottom: 1px solid #8a8887;
                    }
                    &::after {
                        position: absolute;
                        top: -.1rem;
                        right: 0;
                        display: inline-block;
                        width: .4rem;
                        height: .2rem;
                        content: '';
                        border-right: 1px solid #8a8887;
                        border-bottom: 1px solid #8a8887;
                    }
                }
                i {
                    position: absolute;
                    bottom: -.2rem;
                    left: 0;
                    right: 0;
                    margin: 0 auto;
                    display: inline-block;
                    width: 1px;
                    height: .18rem;
                    background-color: #8a8887;
                }
            }
        }
        .box-4-2-common-2 {
            background: #fff;
            h2 {
                color: #000;
            }
            .cont-box {
                .cont {
                    overflow: hidden;
                    padding-bottom: .2rem;
                    background-color: #f0f0f0;
                }
                span {
                    color: #000;


                }
                p {
                    color: #414141;
                }
                img {
                    width: 1.2rem;
                    height: auto;
                }
            }
            .box-4-2-title {
                span {
                    color: #000;
                }
            }
            .bottom-row {
                background-color: #f0f0f0;
                .col {
                    margin: .35rem auto;
                }
            }
        }
        .sub-title {
            display: inline-block;
            width: 100%;
            .fs(28);
        }
        .position-title {
            h2 {
                color: @c-white;
            }
            h2.special-title {
                margin: .3rem auto .15rem;
            }
            h3 {
                color: @c-white;
            }
        }
        .margin-bg {
            margin-top: .3rem;
        }
        .small-sub-title {
            padding: 0 .3rem;
            margin-top: .18rem;
            height: .35rem;
            line-height: .35rem;
            li {
                display: block;
                color: @c-black;
                .fs(28);
                text-align: center;
                &.active {
                    color: @c-white;
                    background: @c-blue;
                }
            }
            .first {
                border: 1px solid @border-c;
                &.active {
                    border: none;
                }
            }
            .second {
                border-top: 1px solid @border-c;
                border-bottom: 1px solid @border-c;
                &.active {
                    border: none;
                }
            }
            .third {
                border: 1px solid @border-c;
                &.active {
                    border: none;
                }
            }
        }
        .small-sub-content {
            padding-bottom: .4rem;
            width: 100%;
            min-height: 1.75rem;
            p {
                color: @c-12;
            }
        }
        .small-sub-menu-title {
            margin: .25rem auto;
        }
        .icon-list {
            i {
                display: block;
                margin: .18rem auto .05rem;
                width: .5rem;
                height: .5rem;
            }
            .qytxl-icon {
                background: url("../img/mxy/3/3-1-qytxl.png") no-repeat center;
                background-size: 100% 100%;
            }
            .jslt-icon {
                background: url("../img/mxy/3/3-1-jslt.png") no-repeat center;
                background-size: 100% 100%;
            }
            .dhhy-icon {
                background: url("../img/mxy/3/3-1-dhhy.png") no-repeat center;
                background-size: 100% 100%;
            }
            .qyfwh-icon {
                background: url("../img/mxy/3/3-1-qyfwh.png") no-repeat center;
                background-size: 100% 100%;
            }
            .qyyx-icon {
                background: url("../img/mxy/3/3-1-qytyx.png") no-repeat center;
                background-size: 100% 100%;
            }
            .xzq-icon {
                background: url("../img/mxy/3/3-1-xzq.png") no-repeat center;
                background-size: 100% 100%;
            }
            .tsq-icon {
                background: url("../img/mxy/3/3-1-tsq.png") no-repeat center;
                background-size: 100% 100%;
            }
            .kqqd-icon {
                background: url("../img/mxy/3/3-2-kqqd.png") no-repeat center;
                background-size: 100% 100%;
            }
            .lcsp-icon {
                background: url("../img/mxy/3/3-2-lcsp.png") no-repeat center;
                background-size: 100% 100%;
            }
            .rcgl-icon {
                background: url("../img/mxy/3/3-2-rcgl.png") no-repeat center;
                background-size: 100% 100%;
            }
            .zyjy-icon {
                background: url("../img/mxy/3/3-2-zyjy.png") no-repeat center;
                background-size: 100% 100%;
            }
            .khbf-icon {
                background: url("../img/mxy/3/3-2-khbf.png") no-repeat center;
                background-size: 100% 100%;
            }
            .zxdc-icon {
                background: url("../img/mxy/3/3-2-zxtc.png") no-repeat center;
                background-size: 100% 100%;
            }
            .kcpx-icon {
                background: url("../img/mxy/3/3-2-kcpx.png") no-repeat center;
                background-size: 100% 100%;
            }
            .tzgg-icon {
                background: url("../img/mxy/3/3-2-tzgg.png") no-repeat center;
                background-size: 100% 100%;
            }
            .dxhyyy-icon {
                background: url("../img/mxy/3/3-2-dxhtyy.png") no-repeat center;
                background-size: 100% 100%;
            }
            .wdyy-icon {
                background: url("../img/mxy/3/3-3-wdyy.png") no-repeat center;
                background-size: 100% 100%;
            }
            .yyph-icon {
                background: url("../img/mxy/3/3-3-yyph.png") no-repeat center;
                background-size: 100% 100%;
            }
            .yyfl-icon {
                background: url("../img/mxy/3/3-3-yyfl.png") no-repeat center;
                background-size: 100% 100%;
            }
            .yjpl-icon {
                background: url("../img/mxy/3/3-3-yjpl.png") no-repeat center;
                background-size: 100% 100%;
            }
        }
        .first-icon-list-top {
            padding: 0 .15rem;
        }
        .first-icon-list-bottom {
            padding: 0 .4rem;
        }
        .p-padding {
            padding-left: .3rem;
            padding-right: .3rem;
            text-align: left;
            .fs(28);
            .set(line-height, 48);
        }
        .case-item {
            padding-bottom: .5rem;
            width: 100%;
            height: auto;
            overflow: hidden;
            border-bottom: 1px solid @border-c;
        }
        .supply-chain-case {
            background: #f8f8f8;
        }
        .office-case {
            //padding-left: .15rem;
            //padding-right: .15rem;
        }
        .smart-icon {
            margin: 0 auto .15rem;
            width: .67rem;
            height: .165rem;
        }
        .supplier-icon {
            margin: .3rem auto .2rem;
            width: .965rem;
            height: .165rem;
        }
        .mx-icon {
            margin: .3rem auto 0;
            width: .605rem;
            height: .175rem;
        }
        .mx-case-img {
            margin: 0 auto;
            width: 3.09rem;
            height: 2.465rem;
        }
        .time-list {
            margin-top: .2rem;
            padding-left: .3rem;
            padding-right: .3rem;
            p {
                display: inline-block;
                margin: 0;
                padding-top: .05rem;
                padding-bottom: .08rem;
                padding-left: .25rem;
                width: 100%;
                .fs(28);
                text-align: left;
                span {
                    color: #1cbaff;
                }
            }
            .blue-round {
                position: absolute;
                top: .05rem;
                left: -.06rem;
                width: .2rem;
                height: .2rem;
                -webkit-border-radius: 50%;
                border-radius: 50%;
                background-color: #bee2ff;
                opacity: .8;
                &::before {
                    position: absolute;
                    top: .06rem;
                    left: .06rem;
                    display: inline-block;
                    width: .07rem;
                    height: .07rem;
                    content: '';
                    -webkit-border-radius: 50%;
                    border-radius: 50%;
                    background: #1cbbff;
                    z-index: 1;
                }
            }
            .blue-line {
                position: absolute;
                left: .035rem;
                top: 0;
                bottom: 0;
                width: 0;
                height: 100%;
                border-left: 1px dashed #1cbbff;
            }
            .first-blue-line {
                top: .1rem;
            }
            .last-blue-line {
                height: 32%;
            }
        }

        .case-img {
            margin-top: .2rem;
            padding-left: .3rem;
            width: 100%;
            height: auto;
            overflow: scroll;
            .img-list {
                width: 4.5rem;
            }
            .img-list-text {
                width: 4.5rem;
                p {
                    display: inline-block;
                    width: .945rem;
                    .fs(28);
                    text-align: center;
                }
            }
            img {
                display: inline-block;
                width: .945rem;
                height: 1.68rem;
            }
        }
        // 样式调整
        .color-12 {
            color: #121212;
        }
        .margin-0-30 {
            margin: 0 auto .15rem;
        }
        .margin-0-40 {
            margin: 0 auto .2rem;
        }
        .margin-70-20 {
            margin: .35rem auto .1rem;
        }
        .margin-60-25 {
            margin: .3rem auto .125rem;
        }
        .margin-50-20 {
            margin: .25rem auto .1rem;
        }
        .no-margin-top {
            margin-top: 0;
        }
        .font-28 {
            .fs(28);
        }
    }
}

.cout-count{
    display: inline-block;
    //position: absolute;
    height: .14rem;
    width: .14rem;
    border-radius: 50%;
    /* top: 50%; */
    /* transform: translate(-50%, -50%); */
    //left: -36%;
    font-size: .12rem;
    /* float: left; */
    line-height: .14rem;
    text-align: center;
    vertical-align: top;
}
.cout-count-bgB{
    color: #000000;
    border: 1px solid #000000;
}
.cout-count-bgW{
    color: #ffffff;
    border: 1px solid #ffffff;

}

// 兼容iphone 4和5
@media screen and (max-width: 320px) {
    .content-list li .sub-title {
        .fs(24);
    }
    .content-list li .box-4-2-common-1 .cont-box p {
        .fs(24);
    }
}
.solution-jump-detail {
    padding: .35rem 0 .4rem 0;
    text-align: center;
    .jump-text {
        .fs(35);
        span {
            color: #666;
        }
    }
    .jump-area {
        margin-top: .2rem;
        line-height: .3rem;
        .button-item {
            display: inline-block;
            width: 1.42rem;
            .fs(28);
            border: 1px solid #ddd;
            background: url(../img/aboutUs/introduce_arrow.png) no-repeat 70% center;
            background-size: .05rem;
        }
    }
}